<template>
  <div class="contain">
    <div class="about">
      <!--  写版本号和备案号—固定在底部-->
      <div class="words">
        <span> 本系统是一套综合信息查询系统.</span>
        <span> 可以全方位为我国煤矿的微震设防进行服务.</span>
        <span> 加强了煤矿防震减灾救灾能力.</span>
        <span>
          <a href="http://www.cdmw-lnu.cn" style="color: red"
          >系统PC端,点击查看</a
          ><br />
          本系统由辽宁大学负责维护与管理.
        </span>
        <div class="school_bagde"></div>
      </div>
      <!-- 校徽 -->
      <div class="cpr">
        <span>版权归属辽宁大学所有，盗版必究.辽ICP备19002579号-3</span>
        <span>Copyright © 2020 辽宁大学 All Rights Reserved.</span>
        <span>辽宁大学煤矿微震监测预警大数据平台 V2.2_mobile_dev</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "About",
};
</script>

<style lang="scss" scoped>
@import "../assets/style/main";

.contain {
  background-image: url("../assets/img/bg.jpg");
  background-size: 100% 100%;
  height: 100%;
}

.about {
  display: flex;
  flex-direction: column;
  width: px2rem(600);
  height: px2rem(800);
  margin: px2rem(40) auto;
  border: 1px solid #fff;
  border-radius: 5px;
  position: relative;
  flex-wrap: wrap;
  .words {
    text-align: center;
    height: px2rem(600);
    width: px2rem(600);
    color: #fff;
    // border: 1px solid red;
    span {
      display: inline-block;
    }
    .school_bagde {
      margin: 0 auto;
      margin-top: px2rem(30);
      height: px2rem(375);
      width: px2rem(375);
      background-image: url("../assets/img/180px-Liaoning_University.jpg");
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
  }

  .cpr {
    position: absolute;
    height: px2rem(64);
    width: px2rem(600);
    text-align: center;
    bottom: 0;
    color: #fff;
    //border: 1px solid red;
    margin-bottom: px2rem(100);
    font-size: px2rem(10);
    span {
      display: inline-block;
    }
  }
}
</style>